<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./style.css">
    <title>MutationObserver监听DOM节点</title>
</head>
<body>
    <div class="container">
        
        <div class="title">Lemon</div>

        <p>どれほどよかったでしょう</p>

        <p>未だにあなたのことを夢にみる</p>
            
        <p>忘れた物を取りに帰るように</p>
            
        <p>古びた思い出の埃を払う</p>
            
        <p>戻らない幸せがあることを</p>
            
        <p>最後にあなたが教えてくれた</p>
            
        <p>言えずに隠してた昏い過去も</p>
            
        <p>あなたがいなきゃ</p>
            
        <p>永遠に昏いまま</p>
            
        <p>きっともうこれ以上</p>
            
        <p>傷つくことなど</p>
            
        <p>ありはしないとわかっている</p>
            
        <p>あの日の悲しみさえ</p>
            
        <p>あの日の苦しみさえ</p>
            
        <p>そのすべてを愛してた</p>
            
        <p>あなたとともに</p>
            
        <p>胸に残り離れない</p>
            
        <p>苦いレモンの匂い</p>
            
        <p>雨が降り止むまでは帰れない</p>
            
        <p>今でもあなたはわたしの光</p>
    </div>

    <!-- 单个水印的模板 -->
    <canvas id="pattern"></canvas>
    <!-- 完整的水印区域 -->
    <canvas id="water-mark"></canvas>

</body>

<script src="./script.js"></script>
<script src="./script2.js"></script>
</html>